<template>
	<view class="">
		<!-- 头部 -->
		<view class="flex align-center justify-between px-2 my-3">
			<view style="font-size: 40rpx" class="animated" hover-class="jello">热门话题</view>
			<view class="flex align-center" style="font-size: 30rpx; color: rgba(0, 0, 0, 0.3)"
			@click="toTopicmore">
				<text>更多</text>
				<text class="iconfont icon-jinru"></text>
			</view>
		</view>
		
		<!-- 分类· -->
		<view class="flex align-center justify-around border-bottom text-secondary  " style="height: 100rpx; font-size: 30rpx">
			<view class="border rounded px-1 animated" style="background-color: rgba(0, 0, 0, 0.1)" hover-class="jello"
			@click="toTopicmore"
			v-for="(item,index) in list " :key="index">{{item.classname}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			list:{
				type:Array,
				default:()=>([])
			}
		},
		data() {
			return {

			};
		},
		methods:{
			toTopicmore()
			{
				uni.navigateTo({
					url:'/pages/topicMore/topicMore'
				})
			}
		}
	}
</script>

<style>
</style>